<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <title>ShoppingIndex</title>
  <link rel="stylesheet" href="./styles/taobao.css">
  <link rel="stylesheet" href="./styles/shop.css">
  <link rel="Shortcut Icon" href="/front/favicon.ico">
  <link rel="stylesheet" href="/front/plugins/element-ui/index.css">
</head>

<body>
<!--总容器-->
<div class="biggest" id="app">
  <!--<a href="/front/page/goods_detail.html" @click="jumpToNextPage(1)"
     style="font-size: 100px">点我点我点我点我点我点我点我</a>-->
  <div class="middle-left"></div>
  <div class="middle-right">
    <div class="J_Toolkit">
      <div class="gw-toolkit">
        <div class="gw-toolkit-list">
          <div class="im-entry">
            <div class="im-top">
              <img src="./images/xiaoxi.png" class="im-icon" alt="">
            </div>
            <div class="im-bottom">消息</div>
          </div>
          <div class="toolkit-item toolkit-item-link">
            <a href="">
              <i class="toolkit-icon" style="background-image: url(images/kefu.png)">
              </i>
              官方客服
            </a>
          </div>
          <div class="toolkit-item toolkit-item-link">
            <a href="">
              <i class="toolkit-icon" style="background-image: url(images/反馈.png)">
              </i>
              反馈
            </a>
          </div>
          <div class="toolkit-item toolkit-item-link">
            <a href="">
              <i class="toolkit-icon" style="background-image: url(images/jubao.png)">
              </i>
              举报
            </a>
          </div>

        </div>
      </div>
    </div>
  </div>
  <div class="middle-center">
    <!--        顶上的服务栏-->
    <div class="top">
      <div class="top-box">
        <div class="top-wrap clearfix">
          <!-- 左边的标志-->
          <div class="top-box-left">
            <a href="/front/index.html" role="img" class="logo-bd clearfix">
              <div class="logo">
                <h1 href="/front/index.html">
                </h1>
              </div>
            </a>
          </div>
          <!-- 中间的搜索框-->
          <div class="top-box-center">
            <div class="search-wrap">
              <div class="search-bd search-suggest search-suggest-group" id="J_Search">
                <div data-sg-type="tab">
                  <ul class="search-suggest-tabs">
                    <li class="search-suggest-tabs-tab selected" data-value="item" name="宝贝">
                      宝贝
                      <div class="search-tab-icon">
                        <i>
                          <em></em>
                          <span></span>
                        </i>
                      </div>
                    </li>
                    <li class="search-suggest-tabs-tab selected" data-value="tmall" name="购物">
                      购物
                    </li>
                    <li class="search-suggest-tabs-tab selected" data-value="shop" name="店铺">
                      店铺
                    </li>
                  </ul>
                </div>

                <!--分隔符-->
                <i class="search-split"></i>
                <!--搜索按钮-->
                <div class="search-button" @click="searchNow()">
                  <button class="btn-search gw-bg">搜索</button>
                </div>
                <div data-sg-type="combobox" class="search-suggest-combobox">
                  <el-input v-model="searchKeyword" placeholder="请输入内容" id="q" name="q" autofocus="true"
                            type="text" accesskey="s" style="border: none;"></el-input>
                </div>

              </div>
              <!-- 搜索框下边的分类-->
              <div class="search-ft J_SearchFt clearfix">
                <div class="J_gwSearchContent J_HotWord">
                  <div class="search-hots">
                    <div class="search-hots-lines">
                      <div class="search-hots-fline" data-spm-ab="fline">
                        <a href="/front/index.html">新款连衣裙</a>
                        <a href="/front/index.html">四件套</a>
                        <a href="/front/index.html">潮流T恤</a>
                        <a href="/front/index.html">时尚男鞋</a>
                        <a href="/front/index.html">短裤</a>
                        <a href="/front/index.html">半身裙</a>
                        <a href="/front/index.html">男士外套</a>
                        <a href="/front/index.html">墙纸</a>
                        <a href="/front/index.html">行车记录仪</a>
                        <a href="/front/index.html">新款男鞋</a>
                      </div>
                      <div class="search-hots-sline" data-spm-ab="sline"></div>
                    </div>
                  </div>
                </div>
                <div class="J_TmallSearchContent J_HotWord J-TmallHotWord tmall-hot-word"
                     data-spm-ab="tmallHotWord"></div>
              </div>
            </div>
          </div>
          <!--二维码-->
          <div class="top-box-right">
            <div class="gwh-qr J_Module" data-name="qr" data-spm="201858" data-bucket="A">
              <div class="qr">
                <a href="/front/index.html" class="qr-bd" clearfix>
                  <span id="mgw" class="h">下载购物</span>
                  <img class="qrcode" src="/front/images/code.png" aria-labelledby="mgw">
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="screen-outer">
      <div class="gwh-service J_module" data-name="service" data-spm="201867" data-bucket="A">
        <div class="newservice J_Service" data-spm-ab="main">
          <h2>分类</h2>
          <ul class="service-bd" role="menubar">
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1" style="color: blue">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
            <li data-closeper aria-label="查看更多" role="menuitem" aria-haspopup="true"
                data-groupid="0"
                class="J_Cat a-all">
              <i aria-hidden="true" class="gw-ifont service-arrow"></i>
              <a href="/front/index.html" data-cid="1">日常</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222890">衣服</a>
              <span class="service-slash">/</span>
              <a href="/front/index.html" data-cid="1" data-dataid="222889">奢品</a>
            </li>
          </ul>
          <div class="service-float"></div>
        </div>
      </div>
      <div class="main" role="main">
        <div class="gwh-nav J_Module gw-bg" data-name="nav" data-spm="201859" data-bucket="A">
          <div class="newnav J_Nav clearfix" role="navigation">
            <ul class="nav-hd">
              <li style="color: #ff0036">
                <a href="/front/index.html">购物</a>
              </li>
              <li class="pipe">
                |
              </li>
              <li style="color: #ff0036">
                <a href="/front/index.html">聚划算</a>
              </li>
              <li class="pipe">
                |
              </li>
              <li style="color: #33c900">
                <a href="/front/index.html">购物超市</a>
              </li>
            </ul>
            <ul class="nav-bd">
              <li class="pipe">|</li>
              <li style>
                <a href="/front/index.html">司法拍卖</a>
              </li>
              <li class="pipe">|</li>
              <li style>
                <a href="/front/index.html">司法拍卖</a>
              </li>
              <li class="pipe">|</li>
              <li style>
                <a href="/front/index.html">司法拍卖</a>
              </li>
            </ul>
            <ul class="nav-bd last">
              <li class="pipe">|</li>
              <li style>
                <a href="/front/index.html">极有家</a>
              </li>
              <li class="pipe">|</li>
              <li style>
                <a href="/front/index.html">购物直播</a>
              </li>
            </ul>
          </div>
        </div>
        <div class="main-inner clearfix">
          <!--                    右边的框-->
          <div class="core J_Core">
            <div data-spm="201862" class="gwh-promo J_Module" data-name="promo" data-bucket="A">
              <div data-spm="201862" class="gwh-promo J_Module" data-name="promo">
                <div class="newpromo J_Promo gw-loading">
                  <!--轮播图啊-->
                  <div class="block">
                    <el-carousel height="400px" width="400px" interval="2000">
                      <el-carousel-item v-for="item in circle_item" :key="item.id">
                        <a :href="'page/goods_detail.html?id=' + item.id"><img
                                :src="baseurl+item.image"
                                style="height: 315px;width: 564px"/></a>
                      </el-carousel-item>
                    </el-carousel>
                  </div>
                </div>
              </div>
            </div>
            <div class="gwh-tmall J_Module"></div>
          </div>
          <!--                    右边登陆栏-->
          <div class="col-right" role="complementary" style="padding-right: 0px">
            <div class="gwh-member J_MOdule"></div>
            <div class="gwh-tip J_Module">
              <ul class="tip-nav" style="display: none"></ul>
            </div>
            <div class="gwh-notice J_Module"></div>
            <div class="gwh-mytao J_Module"></div>
            <div class="gwh-user J_Module">
              <div class="user">
                <div class="member-bd">
                  <div class="avatar-wrapper">
                    <img src="./images/touxiang.jpg" alt=""
                         class="J_UserMemberAvatar member-avatar" @click="jumpToPersonal()">
                  </div>
                  <a href="" class="J_UserMemberNickUrl member-nickurl" target="_self">
                                            <span class="member-nick-info">
                                                Hi!
                                                <strong class="J_UserMemberNick member-nick">{{userName}}</strong>
                                            </span>
                  </a>
                </div>
                <div class="member-ft">
                  <iframe :src="'/front/page/'+changePage+'.html'"
                          style="height: 50px;background-color:#fff;border: none"></iframe>

                </div>
                <div class="order-main J_UserOrder"></div>
                <div class="user-mytao">
                  <div class="mytao-content">
                    <a href="/front/index.html" class="mytao-collectitem">
                      <span class="gw-ifont mytao-icon"></span>
                      <p>宝贝收藏</p>
                    </a>
                  </div>
                  <div class="mytao-content">
                    <a href="/front/index.html" class="mytao-boughtshop">
                      <span class="gw-ifont mytao-icon boughtshop-icon"></span>
                      <p style="height: 17px">买过的店</p>
                    </a>
                  </div>
                  <div class="mytao-content">
                    <a href="/front/index.html" class="mytao-collectshop">
                      <span class="gw-ifont mytao-icon"></span>
                      <p>收藏的店</p>
                    </a>
                  </div>
                  <div class="mytao-content newlast">
                    <a href="/front/index.html" class="mytao-history">
                      <span class="gw-ifont mytao-icon"></span>
                      <p>我的足迹</p>
                    </a>
                  </div>
                </div>
                <div class="user-tipmain">
                  <div class="user-tip" style="width: 252px;overflow: hidden;height: 18px">
                    <div
                            style="position:absolute; overflow: hidden;width: 1260px;transition-duration: 0.3s;transform: translate3d(-504px,0,0);backface-visibility: hidden;left: 0px;opacity: 1;">
                      <div class="user-mod user-link"
                           style="float:left;overflow:hidden;width: 252px;display: block;">
                        <a href="/front/index.html">
                          <div class="notice-tip">热点</div>
                        </a>
                        <a href="/front/index.html">
                          <p>购物平台打击流量造假</p>
                        </a>
                      </div>
                      <div class="user-mod user-link"
                           style="float:left;overflow:hidden;width: 252px;display: block;">
                        <a href="/front/index.html">
                          <div class="notice-tip">热点</div>
                        </a>
                        <a href="/front/index.html">
                          <p>购物平台打击流量造假</p>
                        </a>
                      </div>
                      <div class="user-mod user-link"
                           style="float:left;overflow:hidden;width: 252px;display: block;">
                        <a href="/front/index.html">
                          <div class="notice-tip">热点</div>
                        </a>
                        <a href="/front/index.html">
                          <p>购物平台打击流量造假</p>
                        </a>
                      </div>
                      <div class="user-mod user-link"
                           style="float:left;overflow:hidden;width: 252px;display: block;">
                        <a href="/front/index.html">
                          <div class="notice-tip">热点</div>
                        </a>
                        <a href="/front/index.html">
                          <p>购物平台打击流量造假</p>
                        </a>
                      </div>
                      <div class="user-mod user-link"
                           style="float:left;overflow:hidden;width: 252px;display: block;">
                        <a href="/front/index.html">
                          <div class="notice-tip">热点</div>
                        </a>
                        <a href="/front/index.html">
                          <p>购物平台打击流量造假</p>
                        </a>
                      </div>
                    </div>
                  </div>
                </div>
              </div>
              <ul class="tip-nav" style="display: none">

              </ul>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="like">
      <div class="layer-inner">
        <div class="J_Module gwh-hotsale" data-name="hotsale" data-spm="201876">
          <div class="gw-recommend col3">
            <h3 class="gw-recommend-header">
              <span class="rh-title">猜你喜欢</span>
              <img src="./images/xihuan.png" class="rh-logo">
              <a href="" @click="getGoodsList">换一批</a>
            </h3>
            <div class="gw-recommend-content">
              <div class="gw-recommend-content-item" v-for="item in goodsData" :key="item.id">
                <a :href="'page/goods_detail.html?id=' + item.id" class="item-link"
                   style="width: auto;height: auto">
                  <div class="img-wrapper">
                    <img :src="baseurl+item.image"/>
                  </div>
                  <div class="info-wrapper">
                    <div class="title">{{item.name}}</div>
                  </div>
                  <div class="price-wrapper">
                    <span class="price-value">
                                                <em>￥</em>
                                                {{item.price}}
                                            </span>
                  </div>
                </a>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="help">
      <div class="layer-inner">
        <div class="gwh-helper J_Module">
          <div class="helper J_Helper">
            <div class="mod">
              <div class="mod-wrap">
                <h4>
                  <i class="gw-ifont"></i>
                  <span>
                                            规则与协议
                                        </span>
                </h4>
                <ul>
                  <li><a href="">购物规则</a></li>
                  <li><a href="">退货退款流程</a></li>
                  <li><a href="">服务中心</a></li>
                  <li><a href="">更多特色服务</a></li>
                  <li><a href="">平台服务协议</a></li>
                  <li><a href="">规则意见征集</a></li>
                </ul>
              </div>
            </div>
            <div class="mod">
              <div class="mod-wrap">
                <h4>
                  <i class="gw-ifont"></i>
                  <span>新手上路</span>
                </h4>
                <ul>
                  <li><a href="">24小时在线帮助</a></li>
                  <li><a href="">免费开店</a></li>
                </ul>
              </div>
            </div>
            <div class="mod">
              <div class="mod-wrap">
                <h4>
                  <i class="gw-ifont"></i>
                  <span>付款方式</span>
                </h4>
                <ul>
                  <li><a href="">快捷支付</a></li>
                  <li><a href="">信用卡</a></li>
                  <li><a href="">余额宝</a></li>
                  <li><a href="">蚂蚁花呗</a></li>
                </ul>
              </div>
            </div>
            <div class="mod mod-last">
              <div class="mod-wrap">
                <h4>
                  <i class="gw-ifont"></i>
                  <span>购物特色</span>
                </h4>
                <ul>
                  <li><a href="">手机购物</a></li>
                  <li><a href="">旺旺/旺信</a></li>
                  <li><a href="">大众评审</a></li>
                </ul>
              </div>
            </div>

          </div>
        </div>
      </div>
    </div>
    <div class="J_SiteFooter" style="min-height: 150px">
      <div class="gw-footer gw-footer-with-logo">
        <div class="gw-footer-hd">
          <p>
                            <span>
                                <a>阿里巴巴集团</a>
                            </span>
            <b>|</b>
            <span>
                                <a>购物网</a>
                            </span>
            <b>|</b>
            <span>
                                <a>购物</a>
                            </span>
            <b>|</b>
            <span>
                                <a>聚划算</a>
                            </span>
            <b>|</b>
            <span>
                                <a>全球速卖通</a>
                            </span>
            <b>|</b>
            <span>
                                <a>阿里巴巴国际交易市场</a>
                            </span>
            <b>|</b>
            <span>
                                <a>1688</a>
                            </span>
            <b>|</b>
            <span>
                                <a>阿里妈妈</a>
                            </span>
            <b>|</b>
            <span>
                                <a>飞猪</a></span>
            <b>|</b>
            <span>
                                <a>阿里云计算</a>
                            </span>
            <b>|</b>
            <span>
                                <a>AliOS</a>
                            </span>
            <b>|</b>
            <span>
                                <a>阿里通信</a>
                            </span>
            <b>|</b>
            <span>
                                <a>一淘</a>
                            </span>
            <b>|</b>
            <span>
                                <a>万网</a>
                            </span>
            <b>|</b>
            <span>
                                <a>高德</a>
                            </span>
            <b>|</b>
            <span>
                                <a>UC</a>
                            </span>
            <b>|</b>
            <span>
                                <a>友盟</a>
                            </span>
            <b>|</b>
            <span>
                                <a>阿里安全</a>
                            </span>
            <b>|</b>
            <span>
                                <a>大麦网</a>
                            </span>
            <b>|</b>
            <span>
                                <a>钉钉</a>
                            </span>
            <b>|</b>
            <span>
                                <a>支付宝</a>
                            </span>
            <b>|</b>
            <span>
                                <a>优酷</a>
                            </span>
            <b>|</b>
            <span>
                                <a>土豆</a>
                            </span>
            <b>|</b>
            <span>
                                <a>阿里健康</a>
                            </span>
            <b>|</b>
            <span>
                                <a>阿里影业</a>
                            </span>
            <b>|</b>
            <span>
                                <a>网商银行</a>
                            </span>
            <b>|</b>
            <span>
                                <a>造点新货（众筹）</a>
                            </span>
            <b>|</b>
          </p>
        </div>
        <div class="gw-footer-bd">
          <p>
                            <span>
                                <a>关于购物</a>
                            </span>
            <span>
                                <a>营销中心</a>
                            </span>
            <span>
                                <a>廉正举报</a>
                            </span>
            <span>
                                <a>联系客服</a>
                            </span>
            <span>
                                <a>开放平台</a>
                            </span>
            <span>
                                <a>诚征英才</a>
                            </span><span>
                                <a>联系我们</a>
                            </span>
            <span>
                                <a>隐私权政策</a>
                            </span>
            <span>
                                <a>法律声明</a>
                            </span>
            <span>
                                <a>知识产权</a>
                            </span>
            <span>
                                <a>不当竞争举报</a>
                            </span>
            <b>|</b>
            <em>© 2003-现在 Taobao.com 版权所有</em>
          </p>
          <p>
            <span>增值电信业务经营许可证：浙B2-20080224</span>
            <b>|</b>
            <span>增值电信业务经营许可证（跨地区）： B2-20150210</span>
            <b>|</b>
            <span>浙网文【2022】0403-017号</span>
            <b>|</b>
            <span>浙江省网络食品销售第三方平台提供者备案：浙网食A33010001</span>
            <b>|</b>
            <br>
          </p>
          <p>
            <span>互联网药品信息服务资格证书（浙）-经营性-2018-0010</span>
            <b>|</b>
            <span>短消息类服务接入代码使用证书：号【2016】00154-A01</span>
            <b>|</b>
            <span>信息网络传播视听许可证：1109364号</span>
            <b>|</b>
            <span>出版物网络交易平台服务经营备案号：新出发浙备字第002号</span>
            <b>|</b>
          </p>
          <p>
                            <span>
                                <a>
                                    <span class="gw-footer-mod"
                                          style="background-position: -861px 0px; width: 20px; height: 20px;);">
                                    </span>浙公网安备 33010002000078号
                                </a>
                            </span>
            <b>|</b>
            <span>
                                <a>浙B2-20080224-1</a>
                            </span>
            <b>|</b>
            <span>广播电视节目制作经营许可证（浙）字第01012号</span>
            <b>|</b>
            <span>市场名称登记证：工商网市字3301004120号</span>
            <b>|</b>
            <span>医疗器械网络交易服务第三方平台备案：（浙）网械平台备字[2018]第00004号</span>
            <b>|</b>
            <span>
                                <a>互联网违法和不良信息举报电话：0571-81683755 jubao.gw@service.taobao.com</a>
                            </span>
            <b>|</b>
            <span>
                                <a>中国扫黄打非网</a>
                            </span>
            <b>|</b>
            <span>
                                <a>全国文化和旅游市场网上举报投诉处理系统</a>
                            </span>
            <b>|</b>
            <span>
                                <a>全国12315平台</a>
                            </span>
            <b>|</b>
            <span><a>浙江省互联网违法和不良信息举报中心</a></span>
            <b>|</b>
            <span>
                                <a>全网举报</a>
                            </span>
            <b>|</b><br>
          </p>
        </div>
        <div class="gw-footer-ft">
          <a href="" class="gw-footer-mod" style="width: 30px;background-position: 0 0;"></a>
        </div>
      </div>
    </div>
  </div>
</div>
<!-- 开发环境版本，包含了有帮助的命令行警告 -->
<script src="/front/plugins/vue/vue.js"></script>
<!-- 引入组件库 -->
<script src="/front/plugins/element-ui/index.js"></script>
<!-- 引入axios -->
<script src="/front/plugins/axios/axios.min.js"></script>
<script src="/front/js/request.js"></script>
<script src="/front/js/common.js"></script>
<script src="/front/plugins/vant/vant.min.js"></script>
<script src="/front/api/index.js"></script>
<script>
    new Vue({
            el: "#app",
            data() {
                return {
                    goodId: '',
                    id: 0,
                    goodsData: [],
                    baseurl: 'http://localhost:8080/front/images/goods/',
                    userInfo: '',
                    userName: '',
                    changePage: 'index_tourist',
                    circle_item: [],
                    searchKeyword: ''
                }
            },
            mounted: function () {
                this.userInfo = window.localStorage.getItem('userInfo')
                if (this.userInfo != null)
                    this.userName = JSON.parse(this.userInfo).username
                this.changeLoginState()
                this.getGoodsList()
                this.getGoodsPage(1, 4)
            },
            create() {
            },
            methods: {
                async getGoodsList() {
                    await indexListApi().then(res => {
                        if (String(res.code) === '1') {
                            this.goodsData = res.data
                        }
                    }).catch(err => {
                        this.$message.error('请求出错了：' + err)
                    })
                },
                async getGoodsPage() {
                    await indexPageApi().then(res => {
                        if (String(res.code) === '1') {
                            this.circle_item = res.data.records || []
                        }
                    }).catch(err => {
                        this.$message.error('请求出错了：' + err)
                    })
                },
                async logout() {
                    window.localStorage.removeItem('userInfo')
                },
                async changeLoginState() {
                    if (this.userInfo != null) {
                        this.changePage = 'index_user'
                    } else {
                        this.changePage = 'index_tourist'
                    }
                },
                async searchNow() {
                    window.location.href = '/front/page/search.html' + '?q=' + this.searchKeyword
                },
                jumpToPersonal() {
                    if (this.userInfo == null) {
                        this.$message.error('请先登录！')
                    } else window.location.href = '/front/page/personal.html'
                }
            }
        }
    )
</script>

</body>

</html>